#newOrder{
    background:white;
    height:auto;
    .contexts{
        width:5.6rem;
        height:3.7rem;
        background:white;
        border-radius:.24rem;
        text-align: center;
        position: fixed;
        top:17%;
        left: 13%;
        z-index:9999;
        p{
            font-size:.32rem;
            color:#323232;
            padding-top: .5rem;
        }
        .imgLeft{
            width: 1.8rem;
            height: 1.8rem;
            padding-top: .46rem;
            position: absolute;
            left: 13%;
        }
        .imgRight{
            width: 1.8rem;
            height: 1.8rem;
            padding-top: .46rem;
            position: absolute;
            left: 54%;
        }
    }
    .newContext{
        width: 6rem;
        background: #fff;
        border-radius: .2rem;
        text-align: center;
        position: fixed;
        top: 17%;
        left: 10%;
        z-index: 9999;
        p{
            font-size: .3rem;
            color: #323232;
            display: block;
            margin: 1.2rem .24rem;
        }
    }
    .styleX{
        img{
            position: fixed;
            top: 53%;
            left: 45%;
            width: 0.65rem;
            height: 0.65rem;
            z-index: 9998;
        }
    }
    .templBg{
        background: #000000;
        opacity: .8;
        width: 100%;
        height:100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9998;
    }
    .have{
        overflow: hidden;
        img{
            width:.36rem;
            height:.45rem;
            display:inline-block;
            float:left;
            padding: .68rem 0;
            margin-left:.32rem;
        }
        ul{
            float:left;
            width:5.5rem;
            padding: .42rem 0;
            margin-left:.3rem;
            li{
                font-size:.24rem;
                color:#323232; 
                span{
                    margin-left:.4rem;
                }
            }
            .where{
                margin-top:.08rem;
                color:#646464;
                display:block;
                word-break: break-all;
                word-wrap: break-word;
            }
        }
    }
    .none{
        width:100%; 
        
        span{
            font-size: .3rem;
            color: #323232;
            padding: .74rem 0rem;
            display: block;
            text-align:center;
        } 
    }
    img{
        display:block;
    }
    .shop{
        height:.9rem;
        width:100%;
        border-bottom:1px solid #e6e6e6;
        .shopping{
            line-height: .9rem;
            overflow: hidden;
            display: flex;
            align-items: center;
            .headerImg{
                img{
                    height: .6rem;
                    width: .6rem;
                    border-radius: 50%;
                    margin-left: .24rem;
                    margin-right: .1rem;
                }
            }
            .name{
                font-size:.28rem;
                color:#323232;
            }
        }
    }
    .cutDetail{
        float:left;
        width:100%;
        height:1.9rem;
        border-bottom:1px solid #e6e6e6;
        background:white;
       
        .photo{
            float:left;
            img{
                width:1.5rem;
                height:1.5rem;
                margin:.2rem .26rem .2rem .24rem;
            }
        }
        .cut-right{
            float:left;
            width:5.24rem;
            margin-top:.28rem;
            .one{
               font-size:.24rem;
               color:#323232;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }
            .two{
                font-size:.22rem;
                color:#646464;
            }
            .three{
                color: #323232;
                font-size: .24rem;
                margin-top: .05rem;
            }
        }
    }
    .endto{
        display:flex;
        width:100%;
        justify-content: flex-end;
        line-height:.9rem;
        background: white;
        position: fixed;
        bottom: 0;
        box-shadow: 0px 20px 22px 10px black;
        .start{
            font-size:.26rem;
            color:#323232;
            .new{
                font-size:.3rem;
                color:#9948c3;
                margin-right:.36rem;
            }
            .icon{
                font-size:.3rem;
                color:#9948c3;
                
            }
            .weight{
                font-weight:bold;
            }
            .btn{
                padding:.37rem .5rem;;
                background:#9948c3;
                font-size:.3rem;
                color:#ffffff;
                border:none;
            }
        }
        .name{
            font-size:.26rem;
            color:#323232;
            margin-right:.24rem;
            .new{
                font-size:.3rem;
                color:#9948c3;
            }
            .weight{
                font-weight:bold;
            }
        }
    }
    .end{
        display:flex;
        width:100%;
        justify-content: flex-end;
        line-height:.9rem;
        .start{
            font-size:.26rem;
            color:#323232;
            .new{
                font-size:.3rem;
                color:#9948c3;
                margin-right:.36rem;
            }
            .icon{
                font-size:.3rem;
                color:#9948c3;
                
            }
            .weight{
                font-weight:bold;
            }
            
        }
        .name{
            font-size:.26rem;
            color:#323232;
            margin-right:.24rem;
            .new{
                font-size:.3rem;
                color:#9948c3;
            }
            .weight{
                font-weight:bold;
            }
        }
    }
    .yes{
        display:flex;
        width:100%;
        justify-content: space-between;
        border-bottom:1px solid #e6e6e6;
        line-height:.9rem;
        align-items: center;
        .one{
           
            li{
                font-size:.28rem;
                color:#323232; 
                margin-left: .24rem
            }
        }
        .two{
            margin-right:.24rem;
            .num{
                font-size: .24rem;
                color: #969696;
                margin-left: .3rem;
                margin-right: .3rem;
                line-height: .85rem;
            }
            li{
                float:left;
                img{
                    display: block;
                    margin-top: .2rem;
                    width:.48rem;
                    height:.48rem;
                }
            }
        }
        .add{
            font-size: .28rem;
            margin-right: .24rem;
            display: flex;
            align-items: center
        }
        .name{
            font-size:.28rem;
            color:#323232;
            margin-left:.24rem;
        }   
    }
    
    
}